<!DOCTYPE html>
<html lang="zh-CN"><head>
<meta charset="utf-8">
<meta name="keywords" content="北京网站建设,北京网站设计,北京网站制作,电商网站建设,商城网站设计,电商网站制作,网站建设,网站制作,网站设计,北京网站建设公司,北京网站设计公司,专业网站制作,高端网站建设" />
<meta name="description" content="北京汉邦网站建设公司·提供北京网站建设、网站制作、网站设计、电商网站开发，从事网站建设15年,高端定制，独立研发，北京网站建设公司热线：400-9988-703">
<title>北京网站建设|北京网站制作|北京网站设计|电商网站建设|电商网站设计|企业网站制作|汉邦未来--北京网站建设行业知名品牌</title>
<link rel="icon" href="hanbang.ico" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="css/jquery.fullPage.css" >
<link rel="stylesheet" href="css/gongyong.css">
<link href="css/css.css" rel="stylesheet" type="text/css" media="screen and (min-width: 1600px) ">
<link href="css/css1600.css" rel="stylesheet" type="text/css" media="screen and (min-width: 1380px) and (max-width: 1600px)">
<link href="css/css1024.css" rel="stylesheet" type="text/css" media="screen and (min-width: 1024px) and (max-width: 1380px)">
<link href="css/cssmobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 1000px)">
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js "></script>

<script src="js/jquery.fullPage.min.js"></script>

<script src="js/js.js"></script>

<script>

$(function(){

        window.onload = function() {

            if (window.applicationCache) {

              

            } else {

                alert("你的浏览器版本过低不支持HTML5");

				document.location.href="html5.html";

            }

        }

});

</script>

<script>

$(function(){

	

	$.fn.fullpage({
		verticalCentered: false,
		anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6'],
		navigation:true,
		navigationTooltips: ['首页', '服务', '案例', '关于', '观点', '联系'],
		slidesNavigation:true,
		slidesNavPosition:"bottom",
		controlArrowColor:"#333",
	afterLoad: function(anchorLink, index){
		if(index == 1){
			$(".nav").hide();
			$(".tongl2").hide();
		}
		if(index == 2){
		//$(".nav").show();
		$(".tongl2").show();
		}
		if(index == 3){
		//$(".nav").show();
		$(".tongl2").show();
		}
		if(index == 4){
		//$(".nav").show();
		$(".tongl2").show();
		}
		if(index == 5){
		///$(".nav").show();
		$(".tongl2").show();
		}
		if(index == 6){
		//$(".nav").show();
		$(".tongl2").show();
		}
	}

	});

	

	 $(window).resize(function(){
        autoScrolling();
    });


    function autoScrolling(){
        var $ww = $(window).width();
        if($ww < 1000){
            $.fn.fullpage.setAutoScrolling(false);
			$('video').remove();
			$('#video1').remove();
			
//			$('.section1').removeClass('section');
			
			$(".nav").show();
        } else {
            $.fn.fullpage.setAutoScrolling(true);
			 $(".section1").find(".bg").prepend("<video id='video1'  src='movie.mp4' poster='' loop='loop'  autoplay='autoplay' type='video/mp4' style='min-width:100%; min-height:100%;' ></video>");
			$(".nav").hide();
//			$('.section1').addClass('section');
        }
    }


    autoScrolling();
//		window.onload = function () {
//		document.getElementById('loading-mask').style.display = 'none';
//	}
});
</script>

<link href="css/owl.carousel.css" rel="stylesheet">

<link href="css/owl.theme.css" rel="stylesheet">

<script src="js/owl.carousel.js"></script>

<script>

$(function(){
$('#owl-demo').owlCarousel({
		items: 1,
	});



$('#owl-demo11').owlCarousel({
		items: 1,
		navigation: true,
      navigationText: ["<div class='alleft'></div>","<div class='alright'></div>"]

	});

$('#owl-demo11').find('.owl-controls').find('.owl-pagination').hide();

});

</script>



</head>

<body> 
<img src="http://chinabang.net/121X75.jpg" width="121" height="75" id="baidu" align="汉邦未来"/>
<!--<div id="loading-mask">

  <div class="loading-img"><img src="images/preloader.gif"  alt="北京汉邦未来网站建设"  /></div>

</div>
-->
<div class="nav"><a href="javascript:void(0)" class="act"></a></div>



<div class="section section1">

	<div class="bg">

	<video id='video1'  src='movie.mp4' poster='' loop='loop'  autoplay='autoplay' type='video/mp4' style='min-width:100%; min-height:100%;' ></video>

    

<script> 

var myVideo=document.getElementById("video1"); 

myVideo.play(); 

</script> 

</div>

	<div class="hei"></div>

	<div class="logo"><img src="images/hb_logo.png" align="汉邦未来"/></div>

	<div class="navtop">

    	<ul>

        <li><a href="__STATIC__/hanbang/cases.html">案例</a></li>

        <li><a href="__STATIC__/hanbang/services.html">服务</a></li>

        <li><a href="__STATIC__/hanbang/about.html">关于</a></li>

        <li><a href="__STATIC__/hanbang/news/id/202.html">观点</a></li>

        <li><a href="__STATIC__/hanbang/contact.html">联系</a></li>

        </ul>

    </div>

	



	<div class="hgroup">

		<div class="indexDiv indexFlash fadeFlash">

          <ul>

            <li><img src="images/lb1.png" alt="北京网站建设"></li>

            <li><img src="images/lb2.png" alt="北京网站制作"></li>

            <li><img src="images/lb3.png" alt="北京网站设计公司"></li>

          </ul>

        </div>

	</div>

    


	<div class="scroll-button-wrapper">

        <a href="#page2"><span class="scroll-circle"></span></a>

        

	</div>

</div>



<div class="section section2">



<div class="bg"><img src="images/00.jpg" alt="网站建设"></div>

	<div class="zhuti1">

		<div class="ztbg"></div>

		<div class="tb1"><img src="images/p2_1b.png" alt="网站设计"></div>

		<div class="tb"><img src="images/p2_1.png" alt="网站制作"></div>

		

		<div class="ztitle">网站建设</div>

		<div class="zms"><p>电商平台</p><p>企业官网</p>  

		<span>针对品牌、行业提供定制化网站建设解决方案<br />各类电商平台系统、行业交易平台的定制开发</span></div>

		<a class="zhuti1zi" id="zhuti1zi"><img src="images/ding.png"  alt="网站建设"/></a>

	</div>

	<div class="zhuti2">

		<div class="ztbg" style="background:#67adde;  width:100%; height:100%;opacity:0.8;position:absolute; top:0px; left:0px;"></div>

		<div class="tb" style=" display:none;"><img src="images/p2_2.png" alt="HTML5响应式"></div>

		<div class="tb1" style=" display: block;"><img src="images/p2_2b.png" alt="HTML5响应式"></div>

		<div class="ztitle" style="color:#FFFFFF;">HTML5响应式</div>

		<div class="zms">

			<p>应用HTML5同时兼容手机<br />IPAD、微信等各终端</p>

			<span>达到最优访问效果，数据同步</span>

		</div>

		<a class="zhuti2zi" id="zhuti2zi"><img src="images/zhi.png" align="HTML5响应式"/></a>

	</div>

	<div class="zhuti3">

		<div class="ztbg"></div>

		<div class="tb1"><img src="images/p2_3b.png" alt="移动互联网应用"></div>

		<div class="tb"><img src="images/p2_3.png" alt="移动互联网应用"></div>

		

		<div class="ztitle">移动互联网应用</div>

		<div class="zms">

			<p>手机网站</p>

			<p>微站</p>

			<p>APP</p>

			<p>移动交互</p> 

		</div>

		<a class="zhuti3zi" id="zhuti3zi"><img src="images/yan.png" alt="移动互联网应用"/></a>

	</div>

	<div class="zhuti4">

		<div class="ztbg" style="background:#4dad33;  width:100%; height:100%;opacity:0.8;position:absolute; top:0px; left:0px;"></div>

		<div class="tb" style=" display:none;"><img src="images/p2_4.png" alt="互联网运维"></div>

		<div class="tb1" style=" display: block;"><img src="images/p2_4b.png" alt="互联网运维"></div>

		<div class="ztitle" style="color:#FFFFFF;">互联网运维</div>

		<div class="zms">

			<p>互联网运维</p>

			<p>安全运维</p>

			<span>网站安全稳定运营的后续服务和保障</span>

            

		</div>

		<a class="zhuti4zi" id="zhuti4zi"><img src="images/fa.png" alt="互联网运维"/></a>

	</div>

<div class="tongl2">
	<div class="navtop1">
    	<ul>
        <li><a href="__STATIC__/hanbang/app.html#page1">首页</a></li>
        <li><a href="__STATIC__/hanbang/cases.html">案例</a></li>
        <li><a href="__STATIC__/hanbang/services.html">服务</a></li>
        <li><a href="__STATIC__/hanbang/about.html">关于</a></li>
        <li><a href="__STATIC__/hanbang/news/id/202.html">观点</a></li>
        <li><a href="__STATIC__/hanbang/contact.html">联系</a></li>
        </ul>
    </div>

  <div class="hblogo"><img src="images/hb_logo.png" alt="互联网运维"/></div>
</div>
</div>



<script type="text/javascript"> 

$('.section2').mousemove(function(ee) { 

//var xx = ee.originalEvent.x || ee.originalEvent.layerX || 0; 

//var yy = ee.originalEvent.y || ee.originalEvent.layerY || 0; 

var xx=ee.pageX;

var yy=ee.pageY;

$('#zhuti1zi').css("left",xx+"px"); 

var width=$('.zhuti1').width();

var xxw =xx-width;

$('#zhuti2zi').css("left",xxw+"px"); 

var xxw3 =xx-width*2;

$('#zhuti3zi').css("left",xxw3+"px");

var xxw4 =xx-width*3;

$('#zhuti4zi').css("left",xxw4+"px");

//$('.ztitle').text(xx + '---' + yy); 

}); 



$('.section3').mousemove(function(e) { 

var xx=e.pageX;

var yy=e.pageY;

var w=xx/10;

var h=yy/10;

$(this).find('.bgbg').css("left",-w+"px"); 

$(this).find('.bgbg').css("top",-h+"px"); 

});

</script> 



<div class="section section3">

	<div class="bgbg" style="position:absolute;"><img src="images/bg4.jpg" width="110%" height="110%" alt="网站建设案例"></div>

	<div class="casesbt"></div>

    



    

    

    <div class="fadeInUp">	

        <div class="biaoqian">

			查看更多

		</div>

     <div class="ckgd btn"><a href="__STATIC__/hanbang/cases.html">···</a></div>

        <div id="owl-demo11" class="owl-carousel">

        

        

        <div class="item">

        <ul class="og-grid">

        
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/57.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0399604001466159830.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>一统国际 （ O2O电商）</h2>

            <p>设计生产、直营销售及配套安装、服务为一体的大型家居企业集团</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">一统家居 O2O电商平台</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/41.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0295639001466159838.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>中纺机集团（外贸电商）</h2>

            <p>中国纺织机械（集团）是国务院国资委监管的中国恒天集团的控股二级企业</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">中国恒天 大型国企500强 </div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/38.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0600888001466158802.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>博影商城</h2>

            <p>博影健康、美食、生活、衍生品</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">博影商城</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/54.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0199998001465210220.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>微金客 （P2P平台）</h2>

            <p>基于互联网金融模式构建的专业金融理财服务云平台，注册资本1亿元</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">微金客 P2P金融平台</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/62.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0885679001466159160.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>中国国际广告</h2>

            <p>对外贸易经济合作部批准设立并直接管理，隶属于中国邮电器材集团</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">中国邮电器材集团 大型央企</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/42.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0684373001465208742.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>岱凯中国（NTT集团）</h2>

            <p>作为NTT集团的成员，岱凯在全球161个国家提供服务</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">岱凯中国 全球知名企业</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/81.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0774391001466159176.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>克劳沃集团</h2>

            <p>克劳沃集团是农业部所属专业化从事草业发展的大型国有企业</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">克劳沃  国有企业</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/96.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0622228001466159186.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>京西重工国际</h2>

            <p>全球制动和悬架系统的高端底盘供应商</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">京西重工 BWI全球国际知名集团</div>-->

          </a>

         

          </li>

     
          

       </ul>

       </div>

         <div class="item">

        <ul class="og-grid">  

        

        

          

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/82.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0004645001466159223.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>民生旅游（电商）</h2>

            <p>与民生银行发行主题卡“民生银行· 民生旅游 专属信用卡”</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">民生旅游  民生银行旅游电商平台</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/58.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0132896001466159246.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>卓川商城（返利）</h2>

            <p>O2O生活服务平台</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit"> 卓川电子商务 O2O平台 返利</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/65.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0652822001466159420.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>临街店铺（ B2B电商）</h2>

            <p>街道实景与店铺信息展示的同城B2B模式平台</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">临街店铺 B2B实景同城平台</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/37.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0965623001465294542.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>一元传奇（一元购）</h2>

            <p>1元购是一种新型的网购模式，只需1元就有可能买到一件商品</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">一元购 电商平台</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/76.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0499992001466159265.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>北京大学</h2>

            <p>研究院致力于发展成为最具创新力的应用技术研究机构</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">北京大学 工学院工程技术研究院</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/73.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0322134001466159434.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>助游天下</h2>

            <p>利用智能设备，提供旅游目的地信息的新型互联网公司</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">助游天下 （中英双语）</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/67.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0796233001465988630.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>欧宝家居</h2>

            <p>高新地板及室内外装饰材料研发、生产和销售的国际化企业</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">欧宝家居 OUBAO 上市公司</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/17.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0998282001466159445.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>环球音乐</h2>

            <p>20世纪全球最大的唱片（音像制品制作，出版，发行）集团</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">环球音乐集团</div>-->

          </a>

         

          </li>

     
          

       </ul>

       </div>

         <div class="item">

        <ul class="og-grid">  

        

        

          

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/45.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0268115001466159457.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>王府国际（旅游电商）</h2>

            <p>佳晨旅游是北京王府国际旅行社美加部推出的独立品牌，专业负责在美国地接服务</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">佳晨旅游 电商平台</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/46.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0372109001466159468.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>广而告之（门户）</h2>

            <p>中国最大的公益门户网，隶属广而告之</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">公益中国 行业平台</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/40.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0168493001465989067.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>中国贸促会</h2>

            <p>中国贸促会是全国性贸易投资促进机构</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">中国国际贸易促进委员会</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/43.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0553201001466159639.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>中国汽车报（门户）</h2>

            <p>中国汽车报主办，为广大电动汽车用户提供了一个线上线下互动的平台</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">电动北京 大型国企</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/89.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0549554001466159855.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>金风集团</h2>

            <p>是全球领先的风电设备研发及制造企业以及风电整体解决方案提供商</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">金风科技集团 上市公司（中英文）</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/19.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0041207001466159653.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>大乘金控集团</h2>

            <p>涵盖金融经纪、融资租赁、保理 、资产管理、基金发行募集等</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">大乘金控</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/3.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0548688001465991164.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>安大略旅游局（加拿大）</h2>

            <p>安大略，是加拿大首都渥太华的所在省份</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">安大略</div>-->

          </a>

         

          </li>

       

      

          

         
       
    

          <li>

          <a  href="__STATIC__/hanbang/casescon/case/63.html" target="_blank">

          <div class="gridpic">

          

          <figure class="effect-bubba">

          <img src="asset/mxupload/up0640210001466159665.jpg"   alt="网站建设案例">

          <figcaption>

            <h2>大象食品</h2>

            <p>大象(北京)食品有限公司是韩国大象集团在中国的独资子公司</p>

    

           </figcaption>

          

          </figure>

        </div>

          <!--<div class="gridtit">大象食品 韩国大象集团</div>-->

          </a>

         

          </li>

       

      

          

         
     

       </ul>

       </div>

       


           

    </div>

  	<div class="almore"><a href="__STATIC__/hanbang/cases.html"></a></div>

   </div>
<div class="tongl2">
	<div class="navtop1">
    	<ul>
<li><a href="__STATIC__/hanbang/app.html#page1">首页</a></li>
<li><a href="__STATIC__/hanbang/cases.html">案例</a></li>
<li><a href="__STATIC__/hanbang/services.html">服务</a></li>
<li><a href="__STATIC__/hanbang/about.html">关于</a></li>
<li><a href="__STATIC__/hanbang/news/id/202.html">观点</a></li>
<li><a href="__STATIC__/hanbang/contact.html">联系</a></li>
</ul>
    </div>

 <div class="hblogo"><img src="images/hb_logo.png" align="汉邦未来"/></div>
</div>
</div>



<div class="section section4">

 <div class="guanyu">
	<div class="hanbang1"><img src="images/hanbang1.png" height="500" alt="专业网站建设"></div>
    <div class="hanbang2"><img src="images/hanbang2.png" height="500" alt="专业网站设计"></div>
    <div class="hanbang3"><img src="images/hanbang3.png" height="500" alt="专业网站制作"></div>
   <div class="shoushi"><img src="images/shoushi1.png" alt="高端网站建设"></div>
    <div class="shoushi2"><img src="images/shoushi02.gif" alt="高端网页设计"></div>
	 <div class="ipad"><img src="images/ipad_03.png" alt="北京网站建设"></div>
	  <div class="shoushi3"><img src="images/shoushi1.png" alt="北京网站制作"></div>
		<div id="owl-demo" class="owl-carousel">

		<div class="item ipadwz">

					<p>汉邦未来</p>

					<p class="huangse">网站策划、<br/>

					网站建设、<br/>

					技术研发、<br/> 

					运营维护、</p>

					<p>一体化的电子商务公司</p>

					</div>

		<div class="item ipadwz">
					<p><span class="hse">定制开发各种平台</span>、系统、B2B、B2C、B2B2C电商平台,分销系统,直销系统,一元购平台 ,招聘系统,P2P网贷系统等。</p>

<p style="padding-top:30px;"><span class="hse">跨平台,多终端,数据同步,</span>PC网站,手机网站、微站,APP等。</p>

					</div>			


		<div class="item ipadwz">

					<p><span class="hse">汉邦未来针对有品牌意识的客户,</span> 提供系统的品牌行销策略, 创意执行,深度追踪运营。</p>


<p style="padding-top:30px;">我们是中国互联网的中坚力量，愿意不断尝试,敢于创造……</p>

					</div>

		

		</div>



    

    <div class="aboutr">



		

         <div class="aboutright ab10"><span class="lvse">汉邦未来</span></div>

		 

          <div class="aboutright1 ab11">一群有梦想有激情的</div>

          <div class="aboutright1 ab12">一家有技术实力的</div>

          <div class="aboutright1 ab13">一帮有创新创意理念的</div>

          <div class="aboutright1 ab14">一家有团队合作精神的</div>

          <div class="aboutright1 ab15">一个有超强服务意识的</div>

          <div class="aboutright1 ab16">年轻群体</div>

      

      </div>

  

  </div>
  <div class="tongl2">
<!--导航-->
	<div class="navtop1">
    	<ul>
        <li><a href="__STATIC__/hanbang/app.html#page1">首页</a></li>
        <li><a href="__STATIC__/hanbang/cases.html">案例</a></li>
        <li><a href="__STATIC__/hanbang/services.html">服务</a></li>
        <li><a href="__STATIC__/hanbang/about.html">关于</a></li>
        <li><a href="__STATIC__/hanbang/news/id/202.html">观点</a></li>
        <li><a href="__STATIC__/hanbang/contact.html">联系</a></li>
        </ul>
    </div>
<!--导航-->
  <div class="hblogo"><img src="images/hb_logo.png" align="汉邦未来"/></div>
</div>
</div>

<script>

$(function() {

        

        var $container  = $('#ib-container'),

          $articles = $container.children('article'),

          timeout;

        

        $articles.on( 'mouseenter', function( event ) {

            

          var $article  = $(this);

          clearTimeout( timeout );

          timeout = setTimeout( function() {

            

            if( $article.hasClass('active') ) return false;

            

            $articles.not( $article.removeClass('blur').addClass('active') )

                 .removeClass('active')

                 .addClass('blur');

            

          }, 65 );

          

        });

        

        $container.on( 'mouseleave', function( event ) {

          

          clearTimeout( timeout );

          $articles.removeClass('active blur');

          

        });

      

      });

</script>

<div class="section section5">



<div class="bg">

	<div class="canvas"><canvas id="canvas"></canvas> </div>

</div>

<div class="viewbt"></div>

	<div id="ib-container">

    <article class="grid_3" >

      <div class="box maxheight">

        

        <div class="text1"><a href="__STATIC__/hanbang/news/id/203.html">电商</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/203/news/46.html">汉邦未来认知：关于品牌、广告和自媒体电商</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/203/news/45.html">2017年农村电商，汉邦未来读中央一号文件</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/203/news/44.html">2017年商城网站建设趋势之汉邦未来</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/203/news/43.html">汉邦未来公司的电商网站建设服务</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/203/news/27.html">电子商务网站建设流程与业务洽谈技巧</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/203/news/26.html">2016年十大最赚钱的电商运营模式解析</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/203/news/25.html">2016年中国电子商务发展现状浅析</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/203/news/24.html">电商类网站运营推广及管理需注意的事项</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/203/news/23.html">电子商务平台常见的分类模式有哪些</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/203/news/22.html">电商网站的不同分类</a></div>

		
		

        

      </div>

    </article>

    <article class="grid_3" >

      <div class="box maxheight">

        

        <div class="text1"><a href="__STATIC__/hanbang/news/id/205.html">HTML5</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/205/news/56.html">汉邦未来之h5微场景制作</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/205/news/16.html">风口上的HTML5，今年的发展方向会有哪些？</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/205/news/15.html">HTML5要如何达到原生性能</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/205/news/14.html">「能写代码」是愚公移山，「会写代码」是女娲补天</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/205/news/13.html">HTML5取代原生APP：Google的智，腾讯的谋？</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/205/news/12.html">HTML 5.1将于9月份正式发布 更新内容预览</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/205/news/11.html">HTML5的发展历程</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/205/news/10.html">关于HTML5的标记方法</a></div>

		
        

      </div>

    </article>
	
	
	
	<article class="grid_3">

      <div class="box maxheight">

        

        <div class="text1" style=" line-height:40px;"><a href="__STATIC__/hanbang/news/id/202.html">最新<br />签约</a></div>

		
		<div style=" text-align:left;"><a href="__STATIC__/hanbang/newscon/id/202/news/50.html"><img src="asset/mxupload/up0493231001486878560.png" width="100%" style="border:1px solid #d3d3d3;"/><p style="display:block; height:20px; line-height:20px; color:#009900; font-size:14px; ">签约北京艾特斯餐饮装饰</p><p style="display:block; height:30px; line-height:20px; font-size:12px;"><!--2017.02--></p></a></div>

		
		<div style=" text-align:left;"><a href="__STATIC__/hanbang/newscon/id/202/news/51.html"><img src="asset/mxupload/up0458058001486879234.png" width="100%" style="border:1px solid #d3d3d3;"/><p style="display:block; height:20px; line-height:20px; color:#009900; font-size:14px; ">OUBAO欧宝家居电商网站建设合作</p><p style="display:block; height:30px; line-height:20px; font-size:12px;"><!--2017.01--></p></a></div>

		
        

      </div>

    </article>
	
	
	

    <article class="grid_3" >

      <div class="box maxheight">

        

        

        <div class="text1"><a href="__STATIC__/hanbang/news/id/204.html">微站</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/204/news/55.html">微信小程序提供的功能</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/204/news/54.html">微信小程序终于支持模糊搜索了</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/204/news/53.html">恭祝【汉邦未来】公司的微信小程序通过上线</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/204/news/52.html">微信小程序和公众号的区别</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/204/news/42.html">微信VS支付宝：一场“小程序”引发的攻防战</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/204/news/21.html">什么是微官网？</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/204/news/20.html">很多公司陆续建立自己的微网站，微网站发展空间很大吗？</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/204/news/19.html">微信平台微网站开发流程</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/204/news/18.html">如何制作微官网？</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/204/news/17.html">微信网站和手机网站有什么区别</a></div>

		
        

      </div>

    </article>

    <article class="grid_3" >

      <div class="box maxheight">

       

        <div class="text1"><a href="__STATIC__/hanbang/news/id/206.html">官网</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/206/news/49.html">未来，不只所想！汉邦网站建设</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/206/news/48.html">汉邦未来集团网站建设</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/206/news/47.html">汉邦未来企业官网建设服务</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/206/news/9.html">网站定制的必要性</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/206/news/8.html">网站需要定期改版吗？</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/206/news/7.html">企业建网站如何规划网站的栏目</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/206/news/6.html">企业建网站到底有什么用啊</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/206/news/5.html">网站策划的重要性</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/206/news/4.html">网站设计中色彩的对比效果</a></div>

		
		<div class="text2"><a href="__STATIC__/hanbang/newscon/id/206/news/3.html">为什么要选择汉邦网站建设公司？</a></div>

		
        

      </div>

    </article>

    

    

    </div>
<div class="tongl2">
<!--导航-->
	<div class="navtop1">
    	<ul>
        <li><a href="__STATIC__/hanbang/app.html#page1">首页</a></li>
        <li><a href="__STATIC__/hanbang/cases.html">案例</a></li>
        <li><a href="__STATIC__/hanbang/services.html">服务</a></li>
        <li><a href="__STATIC__/hanbang/about.html">关于</a></li>
        <li><a href="__STATIC__/hanbang/news/id/202.html">观点</a></li>
        <li><a href="__STATIC__/hanbang/contact.html">联系</a></li>
        </ul>
    </div>
<!--导航-->
  <div class="hblogo"><img src="images/hb_logo.png" alt="北京汉邦未来网站建设"/></div>
</div>
</div>

<script src="js/xingkong.js"></script>



<div class="section section6">

<div class="ceng6">

	<div class="foot1"><a href="tel:4009988703"><img src="images/400.png"/></a></div>



	<div class="foot3">高端定制　　独立研发　　全程跟踪</div>

	<div class="foot4"><div><a href="tel:01052451566">010-56240008</a></div></div>

	<div class="foot5"><a  href="http://wpa.qq.com/msgrd?v=3&uin=3151198200&site=qq&menu=yes" target="_blank"><img src="images/qq.jpg"></a><a href="http://wpa.qq.com/msgrd?v=3&uin=2983211257&site=qq&menu=yes" target="_blank"><img src="images/qq.jpg"></a><a href="http://wpa.qq.com/msgrd?v=3&uin=88108038&site=qq&menu=yes" target="_blank"><img src="images/qq.jpg"></a></div>

	<div class="foot6">

	<div class="shuzi">15<span>+</span></div>

	<div class="xyzi">建站历程</div>

	</div>

	<div class="foot7">

	<div class="shuzi">1000<span>+</span></div>

	<div class="xyzi">客户认可</div>

	</div>

	<div class="foot8">

	<div class="shuzi">50<span>+</span></div>

	<div class="xyzi">建站团队</div>

	</div>

   <div class="shouji"><img src="images/shouji.jpg" ></div>

   <!-- <div class="weixin"><img src="images/weixin.jpg" ></div>-->

	<div class="foot9"><strong>友情链接：</strong>
        <a href="http://www.chinabang.net" target="_blank">北京网站建设</a> 
        <a href="http://www.hanbangweilai.com" target="_blank">北京网站设计</a> 
        <a href="http://www.hanbangweilai.com" target="_blank">北京网站制作</a> 
        <a href="http://www.hanbangweilai.com" target="_blank">电商网站建设</a> 
        <a href="http://www.chinabang.net" target="_blank">商城网站建设</a> 
        <a href="http://www.hanbangweilai.com" target="_blank">高端网站建设</a> 
        <a href="http://www.hanbangweilai.com" target="_blank">企业网站设计</a> 
        <a href="http://www.hanbangweilai.com" target="_blank">原创网站设计</a> 
        <a href="http://www.chinabang.net" target="_blank">网站建设公司</a> 
        <a href="http://hanbangweilai.com" target="_blank">电商平台开发</a> 
        <a href="http://www.chinabang.net" target="_blank">网站设计公司</a> 
       </div>

	<div class="footer">地址：北京市朝阳区建国路88号SOHO现代城5号楼18层    Copyright © 2001汉邦未来 版权所有 京ICP备11043709号</div>

</div>

<!--导航-->
	<div class="navtop1">
    	<ul>
        <li><a href="__STATIC__/hanbang/app.html#page1">首页</a></li>
        <li><a href="__STATIC__/hanbang/cases.html">案例</a></li>
        <li><a href="__STATIC__/hanbang/services.html">服务</a></li>
        <li><a href="__STATIC__/hanbang/about.html">关于</a></li>
        <li><a href="__STATIC__/hanbang/news/id/202.html">观点</a></li>
        <li><a href="__STATIC__/hanbang/contact.html">联系</a></li>
        </ul>
    </div>
<!--导航-->
<div class="hblogo"><img src="images/hb_logo.png" alt="北京汉邦未来网站建设"/></div>

<div class="ppkh">

<ul>






<li class="effect-apollo">

	<img src="asset/mxupload/up0256741001466057014.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0812506001466069678.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0128350001466055228.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


<li></li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0725532001466055463.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0771028001466057926.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0272345001466060478.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0247766001466060867.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0398111001466062343.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0885019001466069521.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0407132001466068841.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0717372001466059932.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0120069001466058741.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0748940001466059647.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0879700001466059252.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 


<li class="effect-apollo">

	<img src="asset/mxupload/up0597414001466068512.jpg" align="建站合作"/>

	<figcaption>

    </figcaption>

</li>


 
</ul>

</div>



</div>



<div class="mobile">
<div class="section1">

	<div class="bg"></div>

	<div class="hei"></div>
<div class="tongl2">
	<div class="logo"><img src="images/logo3.png" align="汉邦未来"/></div>

	<div class="navtop">

    	<ul>
		<li><a href="__STATIC__/hanbang/app.html#page1">首页</a></li>
        <li><a href="__STATIC__/hanbang/cases.html">案例</a></li>

        <li><a href="__STATIC__/hanbang/services.html">服务</a></li>

        <li><a href="__STATIC__/hanbang/about.html">关于</a></li>

        <li><a href="__STATIC__/hanbang/news/id/202.html">观点</a></li>

        <li><a href="__STATIC__/hanbang/contact.html">联系</a></li>

        </ul>

    </div>
</div>
	



	<div class="hgroup">

		<div class="indexDiv indexFlash fadeFlash">

          <ul>

            <li><img src="images/lb1.png" alt="北京网站建设"></li>

            <li><img src="images/lb2.png" alt="北京网站制作"></li>

            <li><img src="images/lb3.png" alt="北京网站设计公司"></li>

          </ul>

        </div>

	</div>

    


	<div class="scroll-button-wrapper">

        <a href="#page2"><span class="scroll-circle"></span></a>

        

	</div>

</div>

<div class="m_fuwu">
		<div class="m_fuwumk"><div class="fwpic"><img src="images/p2_1.png" alt="网站建设"></div><p>电商平台</p><p>企业官网</p></div>
        <div class="m_fuwumk"><div class="fwpic"><img src="images/p2_2.png" alt="HTML5响应式"></div><p>H5响应式</p><p>兼容多终端</p>
</div>
        <div class="m_fuwumk"><div class="fwpic"><img src="images/p2_3.png" alt="移动互联网应用"></div><p>手机网站、微站</p><p>APP、移动交互</p> </div>
        <div class="m_fuwumk"><div class="fwpic"><img src="images/p2_4.png" alt="互联网运维"></div><p>网站运维</p><p>安全运维</p>
</div>
<div class="clear"></div>
</div>

<div class="m_case">
<div class="m_casetit"></div>
<ul>
		<li><a  href="__STATIC__/hanbang/casescon/case/57.html" target="_blank"><img src="asset/mxupload/up0399604001466159830.jpg"   alt="网站建设案例"></a><p>一统家居 O2O电商平台</p></li>
		<li><a  href="__STATIC__/hanbang/casescon/case/41.html" target="_blank"><img src="asset/mxupload/up0295639001466159838.jpg"   alt="网站建设案例"></a><p>中国恒天 大型国企500强 </p></li>
		<li><a  href="__STATIC__/hanbang/casescon/case/38.html" target="_blank"><img src="asset/mxupload/up0600888001466158802.jpg"   alt="网站建设案例"></a><p>博影商城</p></li>
		<li><a  href="__STATIC__/hanbang/casescon/case/54.html" target="_blank"><img src="asset/mxupload/up0199998001465210220.jpg"   alt="网站建设案例"></a><p>微金客 P2P金融平台</p></li>
		<li><a  href="__STATIC__/hanbang/casescon/case/62.html" target="_blank"><img src="asset/mxupload/up0885679001466159160.jpg"   alt="网站建设案例"></a><p>中国邮电器材集团 大型央企</p></li>
		<li><a  href="__STATIC__/hanbang/casescon/case/42.html" target="_blank"><img src="asset/mxupload/up0684373001465208742.jpg"   alt="网站建设案例"></a><p>岱凯中国 全球知名企业</p></li>
		<li><a  href="__STATIC__/hanbang/casescon/case/81.html" target="_blank"><img src="asset/mxupload/up0774391001466159176.jpg"   alt="网站建设案例"></a><p>克劳沃  国有企业</p></li>
		<li><a href="__STATIC__/hanbang/cases.html" class="more"><img src="images/jiahao.jpg"   alt="网站建设案例"></a></li>
	<div class="clear"></div>
</ul>

</div>




<div class="m_jieshao">
<div class="jieshaobg">

<p><span>汉邦未来</span>定位为专业的互联网技术服务提供商，定制开发各种平台、系统,B2B、B2C、B2B2C、O2O电商平台、分销系统、直销系统、一元购平台、招聘系统、P2P网贷系统等。</p>
 
<p><br /><strong>我们不一定是最优秀的，但我们服务的都是最优秀的客户。</strong></p>

</div>

</div>

<div class="m_foot">
	<p class="tel"><a href="tel:4009988703">400-9988-703</a></p>
    <p class="tel1"><a href="tel:01052451566">010-56240008</a></p>
   <p class="f12">地址：北京市朝阳区建国路88号SOHO现代城5号楼18层</p>
	<p class="f10">Copyright © 2001 chinabang.net</p>
    <p class="f10">版权所有 © 汉邦未来　京ICP备11043709号</p>
  
</div>

<div class="h60"></div>
<div class="knav">
<div class="tel"><a href="tel:4009988703">热线</a></div>
<div class="about"><a href="/about.html">关于</a></div>
<div class="contact"><a href="/cases.html">案例</a></div>
<div class="zxjl"><a href="#">在线</a></div>
</div>
</div>
<div id="l_dhzk" >

    <ul>

    	<a href="/" target="_parent">

    	<li class="l_dhzk01" >

        	<div class="l_dhzkhxtop"></div>

            <div class="l_dhzkhxbottom" ></div>

            <div class="l_dhzkhxleft" ></div>

            <div class="l_dhzkhxright" ></div>

            <div class="l_dhzkconnr">

                <div class="dhico dhico01"></div>

                <h3>首页</h3>

                <p>HOME</p>

                <i></i>            </div>

        </li>

        </a>



        <a href="__STATIC__/hanbang/cases.html" target="_parent">

            <li class="l_dhzk02" >

                <div class="l_dhzkhxtop"></div>

                <div class="l_dhzkhxbottom" ></div>

                <div class="l_dhzkhxleft" ></div>

                <div class="l_dhzkhxright" ></div>

                <div class="l_dhzkconnr">

                    <div class="dhico dhico03"></div>

                    <h3>案例</h3>

                    <p>CASES</p>

                    <i></i>                </div>

            </li>

        </a>

		        <a href="__STATIC__/hanbang/services.html" target="_parent">

            <li class="l_dhzk03" >

                <div class="l_dhzkhxtop"></div>

                <div class="l_dhzkhxbottom" ></div>

                <div class="l_dhzkhxleft" ></div>

                <div class="l_dhzkhxright" ></div>

                <div class="l_dhzkconnr">

                    <div class="dhico dhico05"></div>

                    <h3>服务</h3>

                    <p>SERVICES</p>

                    <i></i>                </div>

            </li>

        </a>

		        <a href="__STATIC__/hanbang/about.html" target="_parent">

            <li class="l_dhzk04" >

                <div class="l_dhzkhxtop"></div>

                <div class="l_dhzkhxbottom" ></div>

                <div class="l_dhzkhxleft" ></div>

                <div class="l_dhzkhxright" ></div>

                <div class="l_dhzkconnr">

                    <div class="dhico dhico02"></div>

                    <h3>关于</h3>

                    <p>ABOUT</p>

                    <i></i>                </div>

            </li>

        </a>

        <a href="__STATIC__/hanbang/news/id/202.html" target="_parent">

            <li class="l_dhzk05" >

                <div class="l_dhzkhxtop"></div>

                <div class="l_dhzkhxbottom" ></div>

                <div class="l_dhzkhxleft" ></div>

                <div class="l_dhzkhxright" ></div>

                <div class="l_dhzkconnr">

                    <div class="dhico dhico04"></div>

                    <h3>观点</h3>

                    <p>NEWS</p>

                    <i></i>                </div>

            </li>

        </a>



        <a href="__STATIC__/hanbang/contact.html" target="_parent">

            <li class="l_dhzk06" >

                <div class="l_dhzkhxtop"></div>

                <div class="l_dhzkhxbottom" ></div>

                <div class="l_dhzkhxleft" ></div>

                <div class="l_dhzkhxright" ></div>

                <div class="l_dhzkconnr">

                    <div class="dhico dhico06"></div>

                    <h3>联系</h3>

                    <p>CONTACT</p>

                    <i></i>                </div>

            </li>

        </a>

    </ul>

</div>







<div class="sidebar">

	<ul>

		<li><a href="javascript:void(0)" target="_blank"><img src="images/fdtel.png"></a></li>

		

		<li><a href="http://wpa.qq.com/msgrd?v=3&uin=88108038&site=qq&menu=yes" target="_blank"><img src="images/zxzx.png"></a></li>



         <li><a href="#page1"><img src="images/up.png"></a></li>

        

	</ul>

</div>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?fca5526220d7cd31edf74fc561966ee8";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script type="text/javascript">
$(document).ready(function(){
	$('#l_dhzk ul li').hover(function(){
		$(".l_dhzkhxtop",this).stop().animate({width:'100%'},{queue:false,duration:1000});
		$(".l_dhzkhxbottom",this).stop().animate({width:'100%'},{queue:false,duration:1000});
		$(".l_dhzkhxleft",this).stop().animate({height:'100%'},{queue:false,duration:1000});
		$(".l_dhzkhxright",this).stop().animate({height:'100%'},{queue:false,duration:1000});
		$(this).addClass("active");
	},function(){
		$(".l_dhzkhxtop",this).stop().animate({width:'0px'},{queue:false,duration:1000});
		$(".l_dhzkhxbottom",this).stop().animate({width:'0px'},{queue:false,duration:1000});
		$(".l_dhzkhxleft",this).stop().animate({height:'0px'},{queue:false,duration:1000});
		$(".l_dhzkhxright",this).stop().animate({height:'0px'},{queue:false,duration:1000});
		$(this).removeClass("active");
	});
});
</script>

<script>
$(function(){
    var allHeight=$(window).height();
	 $("#l_dhzk").css("height",allHeight + "px");
	 $("#l_dhzk ul li").css("height",allHeight/2 + "px");
	 //var allWidth=document.body.clientWidth+17;
	 //$("#l_dhzk").css("width",allWidth + "px");
	 //$("#l_dhzk ul li").css("width",allWidth/3-8 + "px");
	$(".l_dhzkhxbottom").css("top",allHeight/2-4 + "px");
});
</script>
<script>
window.onload = function(){
    var allHeight=document.documentElement.clientHeight;
	 $("#l_dhzk").css("height",allHeight + "px");
	 $("#l_dhzk ul li").css("height",allHeight/2 + "px");
	 //var allWidth=document.body.clientWidth+17;
	 //$("#l_dhzk").css("width",allWidth + "px");
	 //$("#l_dhzk ul li").css("width",allWidth/3-8 + "px");
	$(".l_dhzkhxbottom").css("top",allHeight/2-4 + "px");
};
window.onresize = function(){
    var allHeight=document.documentElement.clientHeight;
	 $("#l_dhzk").css("height",allHeight + "px");
	 $("#l_dhzk ul li").css("height",allHeight/2 + "px");
	 //var allWidth=document.body.clientWidth+17;
	 //$("#l_dhzk").css("width",allWidth + "px");
	 //$("#l_dhzk ul li").css("width",allWidth/3-8 + "px");
	$(".l_dhzkhxbottom").css("top",allHeight/2-4 + "px");
};
</script>
<div style="display:none">
<script src="http://s13.cnzz.com/stat.php?id=3734539&web_id=3734539" language="JavaScript"></script>
</div>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?fca5526220d7cd31edf74fc561966ee8";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>